<template>
  <div class="item_container" @click="onItemClick">
    <div class="title">惠东县惠福加油站</div>
    <div class="addr_location_wrapper">
      <div class="address">惠东县铁涌镇好招楼鹅岗头(厂油路边)</div>
      <div class="location">定位</div>
    </div>
    <div class="desc">
      <div class="price">4.05</div>
      <Tag color="red">已降价1.72</Tag>
      <s>国标价5.77</s>
    </div>
    <div class="authenticate">认证商用车再降0.06></div>
  </div>
</template>

<script>
export default {
  methods: {
    onItemClick() {
      this.$router.push("/detail");
    }
  }
};
</script>

<style lang="stylus" scoped>
.item_container {
  padding 3px
  margin-top 5px
  background #f5f7f9
  box-shadow 0 3px 0 rgba(0,0,0, .1)
  .title {
    font-weight 800
    padding 8px 0
  }
  .addr_location_wrapper {
    display flex
    justify-content space-between
    font-size 16px
  }
  .desc {
    display flex
    justify-content flex-start
    align-items center
    margin 5px 0
    font-size 14px
    .price {
      font-size 18px
      color red
    }
    div {
      margin 0 5px
    }
  }
  .authenticate {
    color red
    font-size 14px
  }
}
</style>
